<template>
  <div>
    <ul class="g-flex">
      <li>
        <router-link to="/" tag="a">home</router-link>
      </li>
      <li>
        <router-link to="/item" tag="a">item</router-link>
      </li>
      <li>
        <router-link to="/score" tag="a">score</router-link>
      </li>
      <li class="g-login">
        <a href="javascript:void(0) "
           @click="goPage('http://127.0.0.1:8082/oauth2/authorize?client_id=vue&redirect_uri=http://localhost:8080&response_type=code&scope=read')">登录</a>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "Header",

  methods: {
    goPage: function (url) {
      window.location.href = url
    }
  }


}
</script>

<style scoped>
.link {
  background: transparent;
  text-align: center;
}

.g-flex {
  display: flex;
    /*justify-content: space-around;*/

  border:1px solid white;
  border-radius: 10px;
  padding: 4px 4px;
}

li,li a {
  margin: auto;
  background: transparent;
  text-align: center;
  color: white;
}


.g-login {
  margin-left: auto;
}

</style>
